.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
*{padding: 0;margin: 0;}
li{list-style: none;}
.txh{
	display: flex;

}
body,html{
	
}
.wrap{
     .px2rem(height,1300);
     position: relative;

.nav{
		.px2rem(height,87);
		.px2rem(line-height,70);
		border-bottom: 1px solid #ccc;
		ul{
			.txh;
			li{
				flex:1;
				text-align: center;
				.px2rem(margin-top,15);
				.px2rem(font-size,30);
				border-right: 1px solid #7e4c81;

			}
			li:nth-child(4){
				border-right:none;
			}
		}
	}
 .a4{
     	.px2rem(height,940);
     	position: relative;
         .banner{
     		.px2rem(width,604);
     		.px2rem(height,307);
     		border:1px solid #ccc;
     		.px2rem(border-radius,8);
     		.px2rem(margin-top,40);
			.px2rem(margin-left,60);
			position: relative;
			ul{
				li:nth-child(1){
					.px2rem(width,573);
     		        .px2rem(height,53);
     		        .px2rem(font-size,30);
     		        .px2rem(padding-top,14);
			         .px2rem(padding-left,30);
     		        background: #ccc;
     		        color:#fff;
     		        
				}
				li:nth-child(2){
					.txh;
					.left img{
						.px2rem(width,268);
     		            .px2rem(height,173);
     		            .px2rem(margin-top,30);
     		            .px2rem(margin-left,32);
					}
					.right img{
						.px2rem(width,268);
     		            .px2rem(height,173);
     		            .px2rem(margin-top,30);
     		            .px2rem(margin-left,12);
					}
     		        
				}
			}
			.shan{
				position: absolute;
				.px2rem(top,80);
     		    .px2rem(left,270);
				display: none;
				img{
					.px2rem(width,45);
     		        .px2rem(height,45);
				}
			}

     	}
     	.canner{
     		.px2rem(height,60);
		    .px2rem(margin-top,35);
	     .c{
	     	.px2rem(width,260);
	     	.px2rem(height,60);
	     	background: #65c3df;
	     	border:none;
	     	.px2rem(border-radius,8);
	     	.px2rem(margin-left,80);
	     	.px2rem(font-size,32);
	     	color:#fff;
	     }	
	     .d{
	     	.px2rem(width,260);
	     	.px2rem(height,60);
	     	background: #ff6b6b;
	     	border:none;
	     	.px2rem(border-radius,8);
	     	.px2rem(margin-left,40);
	     	.px2rem(font-size,32);
	     	color:#fff;
	     }	
     	}
     	.shanchu{
				.px2rem(width,408);
     		    .px2rem(height,200);
     		    position: absolute;
     		    top: 4%;
     		    left: 20%;
     		    background: #fff;
     		    .px2rem(border-radius,8);
     		     display: none;
     		    ul{
     		    	li:nth-child(1){
                          .px2rem(font-size,36);
                          .px2rem(padding-top,38);
                          .px2rem(padding-left,80);
     		    	}
     		    	li:nth-child(2){
     		    		.px2rem(padding-top,38);
     		    		.yes{
     		    			.px2rem(width,150);
     		                .px2rem(height,60);
     		                background: #ff3a30;
     		                .px2rem(border-radius,8);
     		                border: none;
     		                .px2rem(margin-left,30);
     		                .px2rem(font-size,36);
     		                color:#fff;
     		    		}
     		    		.no{
     		    			.px2rem(width,150);
     		                .px2rem(height,60);
     		                background: #4cd964;
     		                .px2rem(border-radius,8);
     		                border:none;
     		                .px2rem(margin-left,30);
     		                .px2rem(font-size,36);
     		                color:#fff;
     		    		}
     		    	}
     		    }
     		    			}
     }
     .xianshi{
     		.px2rem(height,205);
     		width: 100%;
     		position: absolute;
     		bottom:0;
     		
     		display: none;
     		ul{
     			.txh;
     			li{
     				flex:1;
     				text-align: center;
     				p{
     					.px2rem(margin-top,20);
     				}
     			}
     			li:nth-child(1) img{
     				.px2rem(width,96);
	     	        .px2rem(height,69);
     			}
     			li:nth-child(2) img{
     				.px2rem(width,87);
	     	        .px2rem(height,67);
     			}
     			li:nth-child(3) img{
     				.px2rem(width,79);
	     	        .px2rem(height,74);
     			}
     		}
     	}
          }